<template>
  <div>
    <Query v-show="!isShow" @select="selectFn"></Query>
    <transition name="slide"  >
      <router-view v-on:refreshbizlines="goToDetail"></router-view>
    </transition>
  </div>
</template>

<script type="text/ecmascript-6">
import { ERR_OK } from 'api/config'
import {mapMutations, mapGetters} from 'vuex'
import Query from 'views/Lecture/Query/Query'

export default {
  data() {
    return {
      course_gradeListData: []
    }
  },
  methods: {
    selectFn(course) {
      var id = course.course_name
      if(id===''){id=0}
      this.setIsShow(true)
      this.$router.push({path: `/LectureQuery/LecturePanel/` + id})
    },
    goToDetail (row) {
      this.$router.push({path: `/LectureQuery/applyLectuer/` + row.lecId})
    },
    ...mapMutations({
      setIsShow: 'SET_ISSHOW'
    })
  },
  computed: {
    ...mapGetters([
      'isShow'
    ])
  },
  components: {
    Query
  },
}
</script>


<style scoped>
.slide-enter-active,.slide-leave-active
  {transition: all 0.25s}
.slide-enter,.slide-leave-to
  {transform: translate3d(-100%, 0, 0)}
</style>
